<!--
  Generated template for the Cost page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

	<ion-navbar>
		<ion-title>成本费用管理</ion-title>
	</ion-navbar>

</ion-header>

<ion-content>

	<div class="task">
		<div class="need" tappable (click)="opencostlist(0)">
			<div class="title">
				<div>待办事务</div><span>(13)</span></div>
			<div class="targs"><img src="./assets/imgs/office-needs.png" /></div>
		</div>
		<div class="done" tappable (click)="opencostlist(1)">
			<div class="title">
				<div>已办事务</div><span>(1)</span></div>
			<div class="targs"><img src="./assets/imgs/office-needs.png" /></div>
		</div>
	</div>
	<div class="labor">
		<div class="title">人工成本支付管理</div>
		<div class="action">
			<div class="menus">
				<div class="menu gre1" tappable (click)="opencostinput(1)">人工成本支付申请1</div>
				<div class="menu gre2" tappable (click)="opencostinput(2)">人工成本支付申请2</div>
				<div class="menu gre3" tappable (click)="opencostinput(3)">员工住房公积金支付申请</div>
				<div class="menu gre4" tappable (click)="opencostinput(4)">职工教育经费支付申请</div>
				<div class="menu gre5" tappable (click)="opencostinput(5)">残疾人就业保障金缴纳审批</div>
				<div class="menu gre6" tappable (click)="opencostinput(6)">离退休人员费用支付申请</div>
				<div class="menu gre7" tappable (click)="opencostinput(5)">残疾人就业保障金缴纳审批</div>
				<div class="menu gre8" tappable (click)="opencostinput(6)">离退休人员费用支付申请</div>
			</div>
		</div>
	</div>
	<div class="labor">
		<div class="title">摊提类费用管理</div>
		<div class="applys">
			<div class="menus">
				<div class="menu right bottom" tappable (click)="opencostinput(7)">
					<img src="./assets/imgs/office-tanti.png" />
					<div class="name">按合同约定计提分摊审批</div>
				</div>
				<div class="menu right bottom" tappable (click)="opencostinput(8)">
					<img src="./assets/imgs/office-tanti.png" />
					<div class="name">各部门分摊审批</div>
				</div>
				<div class="menu bottom" tappable (click)="opencostinput(9)">
					<img src="./assets/imgs/office-tanti.png" />
					<div class="name">人工成本计提审批</div>
				</div>
				<div class="menu right" tappable (click)="opencostinput(10)">
					<img src="./assets/imgs/office-tanti.png" />
					<div class="name">税金计提审批</div>
				</div>
			</div>
		</div>
	</div>
	<div class="labor" style="margin-bottom: 3.0rem;">
		<div class="title">直接对外支付成本管理</div>
		<div class="applys">
			<div class="menus">
				<div class="menu right bottom" tappable (click)="opencostinputext(1)">
					<img src="./assets/imgs/office-tanti.png" />
					<div class="name">贷款预付申请</div>
				</div>
				<div class="menu right bottom" tappable (click)="opencostinputext(2)">
					<img src="./assets/imgs/office-tanti.png" />
					<div class="name">贷款支付申请</div>
				</div>
				<div class="menu bottom" tappable (click)="opencostinputext(3)">
					<img src="./assets/imgs/office-tanti.png" />
					<div class="name">费用预付审批</div>
				</div>
				<div class="menu right bottom" tappable (click)="opencostinputext(4)">
					<img src="./assets/imgs/office-tanti.png" />
					<div class="name">费用支付审批</div>
				</div>
				<div class="menu right bottom" tappable (click)="opencostinputext(5)">
					<img src="./assets/imgs/office-tanti.png" />
					<div class="name">接待申请</div>
				</div>
				<div class="menu bottom" tappable (click)="opencostinputext(6)">
					<img src="./assets/imgs/office-tanti.png" />
					<div class="name">借款申请</div>
				</div>
				<div class="menu right bottom" tappable (click)="opencostinputext(7)">
					<img src="./assets/imgs/office-tanti.png" />
					<div class="name">经费回拨审批</div>
				</div>
				<div class="menu right bottom" tappable (click)="opencostinputext(8)">
					<img src="./assets/imgs/office-tanti.png" />
					<div class="name">理赔款支付申请</div>
				</div>
				<div class="menu bottom" tappable (click)="opencostinputext(9)">
					<img src="./assets/imgs/office-tanti.png" />
					<div class="name">员工差旅费报销审批</div>
				</div>
				<div class="menu right bottom" tappable (click)="opencostinputext(10)">
					<img src="./assets/imgs/office-tanti.png" />
					<div class="name">应付贷款抵预付贷款申请</div>
				</div>
				<div class="menu right bottom" tappable (click)="opencostinputext(11)">
					<img src="./assets/imgs/office-tanti.png" />
					<div class="name">无票成本费用列支付申请</div>
				</div>
			</div>
		</div>
	</div>
</ion-content>